<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>商品详情</title>
    <link rel="stylesheet" href="./css/orderform.css">
</head>
<body>
<div class="container">
    <div class="left">
        <img id="big-image" src="./uploads/np.png" alt="Product image">
        <div class="thumbnails">
            <div class="thumbnail">
                <img src="./uploads/np1.png" alt="Thumbnail" onclick="updateBigImage('images/详情1.png')">
            </div>
            <div class="thumbnail">
                <img src="./uploads/np2.png" alt="Thumbnail" onclick="updateBigImage('images/详情7.jpg')">
            </div>
            <div class="thumbnail">
                <img src="./uploads/np3.png" alt="Thumbnail" onclick="updateBigImage('images/详情6.png')">
            </div>
            <div class="thumbnail">
                <img src="./uploads/np4.png" alt="Thumbnail" onclick="updateBigImage('images/详情7.png')">
            </div>

        </div>
    </div>
    <div class="right">
        <h1 style="height: 50px;">黑椒菲力牛排儿童</h1>
        <p style="height: 50px;">【新品】菲力牛排10片20片正宗非原切牛扒黑椒儿童家庭装厚切新鲜家用商用</p>

        <div class="price"><span style="color: gray;">销售价     </span>￥159.00</div>
        <p style="color: gray ;height: 50px;">购物积分                             <span>159</span></p>

        <div id="wrap">
            <div id="top">
                <p id='model'> <font>类型</font> <br>
                    <span>10片【无赠品】</span> <span>10片【送黑椒酱】</span> <br>
                    <span>20片【无赠品】</span> <span>20片【送黑椒酱】</span> </p>

            </div>
            <div id="bottom">
                <p>价格： <font>￥ <span id='price'>159</span>.00</font></p>
                <a href="myorderform1.html"><button>立即购买</button></a>
            </div>

        </div>
    </div>
</div>
<div>

</body>
</html>